<template>
    <div class="common-size homepage-content">
        <div class="medatc-logo"></div>
        <div class="hospital-info">
            <div class="hospital-info-logo"></div>
            <h3 class="hospital-info-name">{{hospitalName}}</h3>
            <h3 class="hospital-info-assets">{{secondTitle}}</h3>
            <h1 class="hospital-info-report">分析报告</h1>
        </div>
        <div class="medatc-footer">
            <h5>成都数联医信科技有限公司</h5>
            <h5>报告时间：{{reportTime}}</h5>
        </div>
    </div>
</template>

<script>
  export default{
    name: 'home_page',
    props:['chartData'],
    data () {
      return {
        hospitalName:'',
        secondTitle: '',
        reportTime: ''
      }
    },
    methods: {
        getInfoData(){
            let data = this.$props.chartData
            this.hospitalName = data.hospitalName
            this.secondTitle = data.secondTitle
            this.reportTime = data.reportTime
        }
    },
    computed:{
      count: function(){
      }
    },
    mounted(){
        this.getInfoData()
    }
  }
</script>
<style lang="scss">
.homepage-content{
    background:url('../assets/images/home_page_bg.png') no-repeat !important;
    background-size: 100% 100% !important;
    position: relative;
    .medatc-logo{
        background:url('../assets/images/medatc_logo.png') no-repeat;
        width:234px;
        height:71px;
        margin:50px 0 0 50px;
    }
    .hospital-info{
        width: 500px;
        height:200px;
        text-align: center;
        color: #FFF;
        margin: 206px auto 0 auto;
        .hospital-info-logo{
            width: 165px;
            height: 165px;
            border-radius: 165px;
            margin: 0 auto 20px auto;
            background: url("../assets/images/face_logo.png") no-repeat;
        }
        .hospital-info-name,.hospital-info-assets{
            font-weight: normal;
        }
        .hospital-info-report{
            padding: 20px 0 0 0;

        }
    }
    .medatc-footer{
        position: absolute;
        bottom: 50px;
        width: 100%;
        text-align: center;
        color: #ffffff;
        font-weight: normal;
        >h5{
            line-height: 25px;
        }
    }
}

</style>
